<script setup lang="ts">
import { defineProps } from "vue";
const ListData = defineProps(["ListData"]);
</script>

<template>
  <div class="">
    <view
      v-for="item in ListData.ListData"
      style="
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20rpx;
      "
    >
      <view style="width: 65%">
        <view>
          <view style="font-size: 29rpx">{{ item.title }}</view>
          <view
            style="
              display: flex;
              align-items: center;
              margin: 10rpx 0;
              font-size: 25rpx;
              color: #d1d1d3;
            "
          >
            <view>
              <img style="width: 40rpx" :src="item.src" alt="" />
            </view>
            <view>{{ item.name }}</view>
            <view>{{ item.yiyuan }}</view>
          </view>
          <view style="margin: 10rpx 0; font-size: 25rpx; color: #33c9ae"># 儿童健康</view>
        </view>
        <view style="margin-top: 20rpx; font-size: 25rpx; color: #c6c6c8">收藏 10 | 评论 10</view>
      </view>
      <view style="width: 35%; margin-top: -70rpx">
        <img style="width: 100%; border-radius: 10rpx" :src="item.img" alt="" />
      </view>
    </view>
  </div>
</template>

<style lang="scss" scoped></style>
